import React, {Component} from 'react';
import {NavLink} from 'react-router-dom';
import {Icon, Avatar, Layout} from 'antd';
import u397 from '../../stylesheets/images/u397.png';


export default class Footer extends Component {
    render() {
        const {Footer} = Layout;

        return (
            <Layout className="layout row">
                <Footer className="welding-footer">
                    <div className="clearfix">
                        <div className="col-md-7">
                            <h4 className="after-line"><span>友情链接</span></h4>
                            <div className="partner">
                                <span>中国焊接网01</span>
                                <span>中国焊接网002</span>
                                <span>中国焊接网0003</span>
                                <span>中国焊接网01</span>
                                <span>中国焊接网002</span>
                                <span>中国焊接网0003</span>
                            </div>
                            <div className="partner">
                                <span>中国焊接网01</span>
                                <span>中国焊接网002</span>
                                <span>中国焊接网0003</span>
                                <span>中国焊接网</span>
                                <span>中国焊接网</span>
                                <span>中国焊接网</span>
                            </div>
                            <div className="partner">
                                <span>中国焊接网01</span>
                                <span>中国焊接网002</span>
                                <span>中国焊接网0003</span>
                                <span>中国焊接网</span>
                                <span>中国焊接网</span>
                                <span>中国焊接网</span>
                            </div>
                            <div className="partner">
                                <span>中国焊接网01</span>
                                <span>中国焊接网002</span>
                                <span>中国焊接网0003</span>
                                <span>中国焊接网</span>
                                <span>中国焊接网</span>
                                <span>中国焊接网</span>
                            </div>
                            <div className="partner">
                                <span>中国焊接网01</span>
                                <span>中国焊接网002</span>
                                <span>中国焊接网0003</span>
                                <span>中国焊接网</span>
                                <span>中国焊接网</span>
                                <span>中国焊接网</span>
                            </div>

                            <div className="text-center clearfix mrt30">
                                <div className="pull-left">
                                    <NavLink exact to="/goverment"><Icon type="read" className="icon-read"/></NavLink>
                                    <h4>政策法规</h4></div>
                                <div className="col-md-10">
                                    版权所有：上海市焊接行业协会&nbsp;&nbsp;&nbsp;2018&nbsp;&nbsp;&nbsp;www.sh-weld.com
                                    <br/>技术支持单位： 焊接互联&nbsp;&nbsp;&nbsp;沪ICP备15044009号-1
                                </div>
                            </div>
                        </div>
                        <div className="col-md-1 hidden-sm hidden-xs">
                            <div className="vertical-line"/>
                        </div>
                        <div className="col-md-4">
                            <h4>上海市焊接行业协会</h4>
                            <h5>
                                <p>地址：上海市闸北区中兴路960号6楼402室</p>
                                <p>邮编：200070</p>
                                <p>电话/传真：021-56308667/021-56302638</p>
                                <p>E-mail：shweld@163.com</p>
                            </h5>
                            <Avatar shape="square" src={u397} size={160} icon="user"/>
                            <h4 className="attention">关注我们</h4>
                        </div>
                    </div>
                </Footer>
            </Layout>
        );
    }
}